<template>
  <div>
    <!-- <h1>模板语法测试</h1>
    <p>{{ msg }}</p>
    <p>{{ hello }}</p>
    <p>{{ num+1 }}</p>
    <p>{{ ok? "真" : "假" }}</p>
     -->
    <!-- 字符串反转，先按照空格分割成数组，再反转，再合并 -->
    <!-- <p>{{ message.split("").reverse().join("") }}</p>
    <p>{{ rawHtml1 }}</p>
    <p>{{ rawHtml2 }}</p>

    <p v-html="rawHtml1"></p>
    <p v-html="rawHtml2"></p> -->
    
    <Parent />
  </div>
</template>

<script>
import Parent from "./components/Parent.vue";
export default {
  data() {
    return {
      msg: "神奇vue语法",
      hello: "你好，vue",
      num: 100,
      ok: true,
      message: "大家好",
      rawHtml1: "<h1>我是html</h1>",
      rawHtml2: `<a href="https://www.baidu.com">百度</a>`,
    };
  },
  components: {
    Parent,
  },
};
</script>
